<div class="userInfoBody" style="width: 100%;height: 100%;display: flex;align-items: center;flex-wrap: wrap;">
	<div style="display: none">
		<input type="text" autocomplete="off">
		<input type="password" autocomplete="new-password">
	</div>
	<div class="row userRow">
		<div class="left">
			<p>用户账号</p>
			<input class="input" id="account" type="text" placeholder="请输入用户账号" autocomplete="off" value="<%- message.account%>">
		</div>
		<div class="right">
			<p>用户密码</p>
			<input class="input" id="password" type="password" placeholder="请输入密码" autocomplete="new-password" value="<%- message.password%>">
		</div>
	</div>
	<div class="row">
		<div class="left">
			<p>用户名</p>
			<input class="input" id="names" type="text" placeholder="请输入用户名" autocomplete="off" value="<%- message.userName%>">
		</div>
		<div class="right">
			<p>联系电话</p>
			<input class="input" id="phone" type="text" placeholder="请输入联系电话" autocomplete="off" value="<%- message.phone%>" oninput="value=value.replace(/[^\d]/g,'')">
		</div>
	</div>
	<div class="row">
		<div class="left">
			<p>角色</p>
			<select name="" id="userTypes">
				<option value="1">系统管理员</option>
				<option value="2">街道管理员</option>
				<option value="3">巡检员</option>
				<option value="4">工作人员</option>
			</select>
		</div>
		<div class="right">
			<p>状态</p>
			<div class="typeRadio input radioInput">
			    <input name="type" id="on" type="radio" value="on" checked style="display:none">
			    <label for="on" style="color:#D8D8D8;margin-right: .38rem">
			    	<img src="img/user/checked.png" class="typeImg typeImgOn">
			    	<img src="img/user/840BD581-808F-4159-9EF9-7D51834EEA10@3x.png" class="typeImg" style="display:none">
			    	<span style="margin-left: .05rem">启用</span>
				</label> 
				<input name="type" id="off" type="radio" value="off" style="display:none">
				<label for="off" style="color:#D8D8D8;margin-left: 5px">
					<img src="img/user/checked.png" class="typeImg typeImgOn" style="display:none">
					<img src="img/user/840BD581-808F-4159-9EF9-7D51834EEA10@3x.png" class="typeImg">
					<span style="margin-left: .05rem">禁用</span>
				</label> 
			</div>
		</div>
	</div>
	<div class="row">
		<%let tdisplay='none';if(message.role){tdisplay=message.role!=1?'flex':'none'};let vdisplay='none';if(message.role){vdisplay=message.role!=1&&message.role!=2?'flex':'none'}%>
		<div class="left" id="townSelect" style="display:<%- tdisplay%>">
			<p>管辖街道</p>
			<select name="" id="userTown">
				<%let townName='';
				if(message.town){
					$.each(message.town,function(index,el){
						townName+=el.townName;
					});
				}
				$.each(message.tree,function(index,el){
					if(townName == el.name){%>
						<option value="<%- el.id%>" selected><%- el.name%></option>
					<%}else{%>
						<option value="<%- el.id%>"><%- el.name%></option>
					<%}
				})%>
			</select>
		</div>
		<div class="right" id="villageSelect" style="position: relative;display:<%- vdisplay%>">
			<p>管辖社区</p>
			<% let village=[]; $.each(message.village,function(index,el){
				village.push({id:el.villageId});
			});village=JSON.stringify(village)%>
			<input class="input" id="childPut" type="button" style="text-align: left" value="选择社区" nodes="<%- village%>">
			<div class="childTree"><ul id="childTree" class="ztree form-control"></ul></div>
		</div>
	</div>
	<div class="row">
		
		<div class="right"></div>
	</div>
</div>
<div class="submit">
	<input type="button" class="buttonBlue" id="submit" value="确认添加">
	<input type="button" class="buttonBlue" id="resetPwd" value="重置密码" style="margin-left: .2rem;background: #FFC525;display: none">
</div>
<img src="img/user/6904332C-0AF0-402E-B315-6EE99B1DC08B@3x.png" class="closeInfo" id="closeInfo">